/****
- #header : remove
- overlay-title : thieu add to default shortcut
- footer : remove
- custom lai breadcrumb : <span> bao quanh mui ten

***/
body{
	@include fontSans;
	font-size: 14px;
	color: #333;
}

a{
	color: $color-highlight;
	text-decoration: none;
	&:hover,
	&:focus{
		text-decoration: none;
		color: $color-highlight-aux;
	}
}

/* overlay */
#overlay-close-wrapper {
    right: 1px;
}
#overlay-content{
	border: 1px solid #e5e5e5;
	color: $body-color;
	@include fontSans;
	padding: 15px 15px 0;
	#page-wrapper > #page {
		margin-left: 0;
		padding-right: 0;
	}
	/* header */
	#header{
		display: none;
	}
	/* end header */

	/* .breadcrumb */
	.breadcrumb{
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: 15px;
		background: #fff;
		padding: 0 15px;
		font-size: $fontsize-13;
		color: #888;
		a{
			color: #888;
			&:hover, 
			&:focus{
				color: #333;
			}
		}
	}
	/* end .breadcrumb */

	/* main */
	#main-wrapper{
		margin: 0 -15px;
		padding: 15px 15px 0;
		background: #f5f5f5;
		border-top: 1px solid #e5e5e5;
	}

	/* end main */

	/* admin-panel */
	div.admin {
		margin: {
			left: -15px;
			right: -15px;
		}
		.compact-link {
			padding: {
				left: 15px;
				right: 15px;
			}
		}
		.left {
			padding: {
				left: 15px;
				right: 8px;
			}
		}
		.right {
			padding: {
				left: 7px;
				right: 15px;
			}
		}
	}
	.admin-list{
		li{
			list-style-image: none;
			list-style-type: none;
			padding-top: 0;
			padding-right: 0;
			padding-left: 20px;
			border-bottom: 1px solid #e5e5e5;
			padding-bottom: 10px;
			margin-bottom: 10px;
			position: relative;
			&:last-child{
				border-bottom: none;
				margin-bottom: 0;
				padding-bottom: 0;
			}
			&:before{
				@include fontawesome;
				content: "\f0a9";
				position: absolute;
				left: 0;
				top: 0;
				z-index: 3;
			}
		}
		.description{
			font-size: $fontsize-13;
			margin-bottom: 0;
			padding-bottom: 0;
		}
		
	}
	.admin-list.compact{
		li {

		}
		dt, 
		li {
			padding-left: 0;
			&:before{
				content: "";
				display: none;
			}
		}
		dd {
			margin-left: 0;
			margin-bottom: 0;
			padding-left: 0;
			&:last-child{
				margin-bottom: 0;
				border-bottom: none;
			}
		}
	}
	/* end admin-panel */
	#footer {
		background: #f5f5f5;
		border-top: none;
		margin: 0 -15px;
		padding: 0 15px;
	}
}

#overlay-tabs li {
	display: inline-block;
	margin: 0;
	a,
	a:active, 
	a:visited, 
	a:hover, 
	a:focus {
		background-color: #eee;
		border-radius: 3px 3px 0 0;
		color: $link-color;
	}
}

/* end overlay */